<template>
  <el-card class="chart-card">
    <div class="chart-header">
      <div class="chart-title">文章发布趋势</div>
    </div>
    <TimelineChart/>
  </el-card>
</template>

<script setup>
import { ref } from 'vue'
import TimelineChart from '@/views/dashboard/TimelineChart.vue'

</script>

<style scoped lang="scss">
.chart-card {
  margin-top: 20px;
  
  .chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    
    .chart-title {
      font-size: 16px;
      font-weight: 600;
      color: #303133;
    }
  }
  
  :deep(.timeline-chart) {
    width: 100%;
  }
}
</style> 